
/*-------------------------------------Genarally--------------------------------------------*/
a {
	text-decoration:none;
}
a:hover {
	color:blue;
}
body {
	color:black;
}


/*------------------------------------------------------------------------------------------*/
#cit_wrapper {
	padding:5px;
	float:left;
	margin:0px 14%;
}


header.quanlycongviec {
	height:54px;
	padding:5px;
	/*background-image:url() left 0px top 0px repeat-x;*/
	background:#CCCCCC;
}
header img {
	margin:5px;
}
header p {
	font-weight:bold;
}
header span.title{ 
	font: italic 26px Georgia; 
	margin-bottom: 20px; 
     margin: auto;
	 
}

nav.menu_quanlycongviec {
	border:1px solid #D1D1D1;
	border-top:none;
	float:left;
	width:100%;
}

nav.menu_quanlycongviec ul.main {
	margin:0px;
	padding:0px;
	list-style:none;
}

nav.menu_quanlycongviec ul.main li.main {
	float:left;
	border-right:1px solid #D1D1D1;
	position:relative;
}

nav.menu_quanlycongviec ul.main li.main a.main{
	height:30px;
	line-height:30px;
	float:left;
	color:#0A72A6;
	padding:3px 10px;
	font-weight:black;
}

nav.menu_quanlycongviec ul.main li.main-active a.main,
nav.menu_quanlycongviec ul.main li.main:hover a.main{
	color:blue;
}
nav.menu_quanlycongviec ul.main li.main:hover ul.item{
	display:block;
}
nav.menu_quanlycongviec ul.item {
	margin:0px;
	padding:0px;
	list-style:none;
	display:none;
	position:absolute;
	left:3px;
	top:30px;
	z-index:999;
	background-color:white;
	border:1px solid #066DA1;
	width:220px;
	
}

nav.menu_quanlycongviec ul.item:before{
	content:'';
	display:inline-block;	
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom-color:#066DA1;
	position:absolute;
	top:-7px;
	left:9px;
}
nav.menu_quanlycongviec ul.item:after{
	content:'';
	display:inline-block;	
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid #ffffff;
	position:absolute;
	top:-6px;
	left:10px;
}
nav.menu_quanlycongviec ul.item li.item {	
	padding:10px;
}

nav.menu_quanlycongviec ul.item li.item a.item{
	padding:3px 10px;
}

#calendar{
	width:100%;
}


section.reportlist {
	display:none;
}

div.list{
	display:none;
	width:100%;
	text-align:center;
	margin-top: -10px;
}

header.tab {
	margin:0px 0px 25px 0px;
	height:60px;
	float:left;
	width:100%;
	padding:auto 10px;
	font-family:tahoma;
}

header.tab h1{ 
	float:left;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:30px;
}

header.tab ul {
	float:left;
	list-style:none;
	font-weight:13px;
	line-height:30px;
}

header.tab ul li{
	padding:auto 10px;
	display:inline;
	margin:0px 10px;
}

header.tab ul li a {
}

section.view {
	border:1px solid #D1D1D1;
	min-height:368px;
	margin:0px 0px 5px 0px;
	overflow:hidden;
	background:#F4F4F4;
	
}

section.view .advance{
	float:left;
	width:100%;
	
}

section.view .advance .search{
	float:left;
	width:100%;
	margin:0px 0px 10px 10px;
}
div.span_title{
	padding:5px 30px 5px 0px;
	width:130px;
	float:left;
	font-weight:700;
}
div.span_title:after{
	content:":";
}
section.view .advance .search form > * {
	margin:0px;
} 
section.view .advance .search form input[type=submit]{
	margin:-44px 90px 0px 0px;
}

section.view .advance .search form input {
	padding:3px;
}

section.view .advance .search form select {
	text-align:center;
	padding:3px;
}

div.list {
	border:1px solid #CCCCCC;
	padding:10px;
	background:#FFF;
}

div.list table {
	border-collapse:collapse;
	width:100%;
	
}

div.list table tr:hover td{
	background:#CCFFCC !important;
}

div.list table tr.select td{
	background:#FFCC99;
}
div.list table th{
	border-bottom:1px solid #999999;
	background:#CCCCCC;
	line-height:30px;
	height:30px;
	text-align:left;
	padding:2px;
}
div.list table th span.sort{
	cursor:pointer;
}
div.list table th span.sort:hover {
	text-decoration:underline;
}

div.list table td{
	text-align:left;
	padding:5px auto;
	line-height:30px;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px;
	vertical-align:middle;
}

div.list table td input, div.list table th input {
	margin:10px;
}

.center{
	text-align:center;
}

div.list .pagination {
	overflow:hidden;
	margin:10px;
}

div.list .pagination ul{
	list-style:none;
	margin:0px;
}

div.list .pagination li{
	display:inline;
	padding:5px;
	float:left;
	margin:0px 5px 0px 0px;
	border:1px solid #CCCCCC;
}

div.list .pagination li{
	color:#025A8D;
}

div.list .pagination li:hover {
	color:black;
	background:#E7E7E7;
}
